import type { App } from 'vue'
// 引入element-plus的样式 自动导入了样式也不用导入
// import 'element-plus/theme-chalk/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// import {
//   ElButton,
//   ElAside,
//   ElTable,
//   ElMenu,
//   ElMenuItem,
//   ElMenuItemGroup,
//   ElBreadcrumb,
//   ElTabs,
//   ElForm,
//   ElFormItem,
//   ElInput,
//   ElCheckbox,
//   ElLink,
//   ElContainer,
//   ElHeader,
//   ElMain,
//   ElDropdown,
//   ElDropdownItem,
//   ElDropdownMenu,
//   ElAvatar,
//   ElRow,
//   ElCol,
//   ElBreadcrumbItem
// } from 'element-plus'

// const cpns = [
//   ElBreadcrumb,
//   ElButton,
//   ElAside,
//   ElTable,
//   ElMenu,
//   ElMenuItem,
//   ElMenuItemGroup,
//   ElTabs,
//   ElForm,
//   ElFormItem,
//   ElInput,
//   ElCheckbox,
//   ElLink,
//   ElContainer,
//   ElHeader,
//   ElMain,
//   ElDropdown,
//   ElDropdownItem,
//   ElDropdownMenu,
//   ElAvatar,
//   ElRow,
//   ElCol,
//   ElBreadcrumb,
//   ElBreadcrumbItem
// ]

export default function (app: App): void {
  // 循环遍历注册组件 =全局 有自动导入 不需要再这里注册了
  // for (const cpn of cpns) {
  //   app.component(cpn.name, cpn)
  // }
  // 图标组件
  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
}
